<template>
	<view>
		<u-navbar title="个人信息" placeholder bgColor="transparent" :autoBack="true">
		</u-navbar>
		<view class="main">
			<view class="item flex align-item_center justify-content_space-between">
				<view class="text-30 font-medium " style="color: #1c1c1c;">头像</view>
				<view class="flex align-item_center">
					<u-avatar src=""></u-avatar>
					<view class="ml-20">
						<u-icon name="arrow-right" size="20rpx" color="#BCBCBC"></u-icon>
					</view>
				</view>
			</view>
			<view class="item flex align-item_center justify-content_space-between" @click="route_editNickname">
				<view class="text-30 font-medium " style="color: #1c1c1c;">昵称</view>
				<view class="flex align-item_center">
					<view class="text-30 font-medium" style="color: #888888;">昵称</view>
					<view class="ml-20">
						<u-icon name="arrow-right" size="20rpx" color="#BCBCBC"></u-icon>
					</view>
				</view>
			</view>
			<view class="item flex align-item_center justify-content_space-between">
				<view class="text-30 font-medium " style="color: #1c1c1c;">手机号</view>
				<view class="flex align-item_center">
					<view class="text-30 font-medium" style="color: #888888;">152****2222</view>
					<view class="ml-20">
						<u-icon name="arrow-right" size="20rpx" color="#BCBCBC"></u-icon>
					</view>
				</view>
			</view>
			<view class="item flex align-item_center justify-content_space-between" @click="route_agreement(1)">
				<view class="text-30 font-medium " style="color: #1c1c1c;">用户协议</view>
				<view class="flex align-item_center">
					<view class="ml-20">
						<u-icon name="arrow-right" size="20rpx" color="#BCBCBC"></u-icon>
					</view>
				</view>
			</view>
			<view class="item flex align-item_center justify-content_space-between" @click="route_agreement(2)">
				<view class="text-30 font-medium " style="color: #1c1c1c;">隐私协议</view>
				<view class="flex align-item_center">
					<view class="ml-20">
						<u-icon name="arrow-right" size="20rpx" color="#BCBCBC"></u-icon>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			route_editNickname() {
				uni.navigateTo({
					url: "/pages/main/editNickname"
				})
			},
			route_agreement(type) {
				uni.navigateTo({
					url: "/pages/main/agreement" + `?type=${type}`
				})
			}
		}
	}
</script>

<style>
	page {
		background-color: #F5F5F5;
	}
</style>
<style lang="scss" scoped>
	.main {
		width: 702rpx;
		height: 572rpx;
		background: #FFFFFF;
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		margin: 30rpx auto 0;

		.item {
			height: 116rpx;
			padding: 0 30rpx;
		}
	}
</style>